<!doctype html>
<html>

<head>
    <meta charset="UTF-8">
    <title></title>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <link href="http://api.chinaola.net/ola/Application/Test/Public/css/mui.min.css" rel="stylesheet" />
    <link rel="stylesheet" type="text/css" href="http://api.chinaola.net/ola/Application/Test/Public/css/base.css" />
    <link rel="stylesheet" type="text/css" href="http://api.chinaola.net/ola/Application/Test/Public/css/iconfont_price.css" />
    <style type="text/css">
        .order {
            margin: 0;
        }

        .order img {
            max-width: 78px;
            height: 71px;
        }

        #stauts {
            width: 100%;
            background: #FFFFFF;
            text-align: right;
            padding: 10px;
            color: #FF0000;
        }

        .mui-card-footer {
            padding: 0;
        }
        .mui-table-view{
            background-color: #efeff4;
            position: initial;
        }

        /* 整体 */
        .container{
            margin-top:45px;
        }

        /* 导航 */
        .price_top_img img{
            width:100%;
            height:100%;
        }
        .iconfont_price{
            font-size:20px;
        }
        .price_top_nav{
            display: -moz-box;
            display: -webkit-box;
            padding:0 5px;
        }
        .price_top_nav_box{
            -webkit-box-flex: 1;
            -moz-box-flex: 1;
            -ms-box-flex: 1;
            box-flex: 1;
            text-align:center;
            font-size:10px;
            padding:10px 0;
        }
        .price_top_nav_box div{
            color:#8f8f94;
        }
        .price_top_nav_box i{
            width:100%;
            color: #ff8fc0;
            display:block;
        }
        .price_top{
            background: #ffffff;
        }

        .price_content{
            margin-top:10px;
            background: #ffffff;
            padding-bottom:20px;
        }
        .price_content_title{
            display: -moz-box;
            display: -webkit-box;
            position:relative;
            border-bottom:1px solid #CCCCCC;
        }
        .price_content_title .price_nav{
            -webkit-box-flex: 1;
            -moz-box-flex: 1;
            -ms-box-flex: 1;
            box-flex: 1;
            display:block;
            text-align:center;
            width:100%;
            height:40px;
            line-height:40px;
            font-size:12px;
            margin:0 auto;
            color:#8f8f94;
        }
        .price_content_title .fenge{
            position:absolute;
            width:1px;
            background: #CCCCCC;
            height:75%;
            top:50%;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
        }
        .price_content_title .server_active{
            color:#000;
        }
        .price_nav span{
            display:block;
            width:100%;
            height:100%;
            position:relative;
        }
        .server_active span:after{
            position:absolute;
            content:'';
            display:block;
            width:60%;
            height:2px;
            background: #ffb4db;
            bottom:-1px;
            left:20%;
        }
        .price_title{

        }
        .price_title h2{
            font-size:20px;
            font-weight:normal;
            width:100%;
            color:#ffaf7e;
            text-align: center;
            margin:20px auto;
            position:relative;
        }
        .price_title h2 span {
            position: relative;
        }
        .price_title h2 span:before{
            content:'';
            display:block;
            width:25px;
            height:25px;
            position:absolute;
            left:-35px;
            top:50%;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
        }
        .h2_one,.h2_two{
            text-indent:35px;
        }
        .h2_one span:before{
            background: url("http://api.chinaola.net/ola/Application/Test/Public/images/shizan.png") center center;
            -webkit-background-size:100% 100%;
            background-size:100% 100%;
        }
        .h2_two span:before{
            background: url("http://api.chinaola.net/ola/Application/Test/Public/images/shijie.png") center center;
            -webkit-background-size:100% 100%;
            background-size:100% 100%;
        }

        .price_title p{
            margin:0;
            font-size:11px;
            text-align: center;
            background: #ffb4db;
            color:#fff;
            -webkit-border-radius:6px;
            -moz-border-radius:6px;
            border-radius:6px;
            padding:0 8px;
        }
        .price_content_content{
            margin:0 15px 0 15px;
        }
        .sanbao .price_content_content{
            border-bottom:1px solid #cccccc;
        }
        .sanbao .price_content_content:nth-last-child(1){
            border-bottom:0px;
        }
        .price_content_container h3{
            font-size:16px;
            font-weight:normal;
            display:inline-block;
            color:#ffaf7e;
            padding:4px 8px;
            border-radius:3px;
            position:relative;
            margin:10px 0;
        }
        .price_content_container h3:before{
            position:absolute;
            content:'';
            display:block;
            width:5px;
            height:5px;
            left:-3px;
            top:50%;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            border-radius:100%;
            background: #ffaf7e;
        }
        .price_content_container p{
            color:#8f8f94;
            margin-bottom:5px;
            font-size:11px;
        }

        .price_content_price{
            position:fixed;
            bottom:0;
            left:0;
            background: #ffb4db;
            width:100%;
            height:50px;
            line-height:50px;
            text-align: center;
            color: #ffffff;
        }
        .price_table_container{
            margin-bottom:15px;
            border:1px solid #000;
        }
        /*  */
        .mui-row{

        }
        .mui-row h3{
            font-size:16px;
            text-align:center;
            color:#ffaf7e;
            margin-top:15px;
        }
        .mui-row p{
            margin-top:15px;
            font-size:11px;
            text-align:center;
        }
        .price_container{
            display:none;
        }
        .content_active{
            display:block;
            padding-bottom:15px;
        }
        .mui-table-view-cell img{
            width:100%;
            height:100%;
        }
        .mui-col-sm-6 .mui-table-view-cell{
            height:130px;
        }
        .mui-col-sm-6{
            width:50% !important;
        }
    </style>
</head>

<body>
<header class="mui-bar mui-bar-nav" style="background-color: #ffffff;">
    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    <h1 id="title" class="mui-title">护工行为准则</h1>
</header>
<div class="container">
    <div class="price_top">
        <div class="price_top_img" onclick="phone();">
            <img src="http://api.chinaola.net/ola/Application/Test/Public/images/lALOj2mDCs0BGM0C7g_750_280.png" alt="">
        </div>
        <div class="price_top_nav">
            <div class="price_top_nav_box">
                <i class="icon iconfont_price icon-shimingrenzheng"></i>
                <div class="name">实名认证</div>
            </div>
            <div class="price_top_nav_box">
                <i class="icon iconfont_price icon-jiankangzhengming"></i>
                <div class="jiankang">健康证明</div>
            </div>
            <div class="price_top_nav_box">
                <i class="icon iconfont_price icon-icon"></i>
                <div class="peixun">专业培训</div>
            </div>
            <div class="price_top_nav_box">
                <i class="icon iconfont_price icon-iconfontshexiangtou"></i>
                <div class="jiankong">全程监控</div>
            </div>
            <div class="price_top_nav_box">
                <i class="icon iconfont_price icon-shimingrenzheng"></i>
                <div class="baozhang">售后保障</div>
            </div>
        </div>
    </div>
    <div class="price_content">
        <div class="price_content_title">
            <div class="price_nav server_active"><span class="yiyuan_server">护理三宝</span></div>
            <div class="fenge"></div>
            <div class="price_nav"><span class="jujia_server">十赞十诫</span></div>
        </div>
        <div class="price_container sanbao content_active">
            <div class="price_content_content">         <!--医院陪护-->
                <div class="mui-row">
                    <div class="mui-col-sm-6">
                        <div class="mui-table-view-cell">
                            <img src="http://api.chinaola.net/ola/Application/Test/Public/images/lALOj2mDHc0CvM0Dtg_950_700.png" alt="">
                        </div>
                    </div>
                    <div class="mui-col-sm-6">
                        <div class="mui-table-view-cell">
                            <h3>一：生活用品</h3>
                            <p>自带生活用品，预防交叉感染，卫生隔离，为你省心。</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="price_content_content">         <!--居家养老陪护-->
                <div class="mui-row">
                    <div class="mui-col-sm-6">
                        <div class="mui-table-view-cell">
                            <h3>二：便携包</h3>
                            <p>收纳有序，给客户整洁舒适的休息环境。</p>
                        </div>
                    </div>
                    <div class="mui-col-sm-6">
                        <div class="mui-table-view-cell">
                            <img src="http://api.chinaola.net/ola/Application/Test/Public/images/lALOj2mDFs0CvM0Dtg_950_700.png" alt="">
                        </div>
                    </div>
                </div>
            </div>
            <div class="price_content_content">         <!--居家养老陪护-->
                <div class="mui-row">
                    <div class="mui-col-sm-6">
                        <div class="mui-table-view-cell">
                            <img src="http://api.chinaola.net/ola/Application/Test/Public/images/lALOj2mDG80CvM0Dtg_950_700.png" alt="">
                        </div>
                    </div>
                    <div class="mui-col-sm-6">
                        <div class="mui-table-view-cell">
                            <h3>三：急救包 </h3>
                            <p>公司提供卫生便携的急救包，让担心少一分，安全多一分。</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="price_container">
            <div class="price_content_content">         <!--医院陪护-->
                <div class="price_title">
                    <h2 class="h2_one"><span>十赞</span></h2>
                </div>
                <div class="price_content_container">
                    <p>1、出门前必须带好工作证，护理三宝。</p>
                    <p>2、接单后十分钟内致电用户(告知用户自己到达时间，提醒用户准备好同下单人匹配的身份证）。</p>
                    <p>3、到达后同用户身份确认，请用户签派工确认单，陪护完成后请用户签服务评价单。</p>
                    <p>4、工作期间必须文明用语且轻声细语。</p>
                    <p>5、协助用户吃饭、服药前清洗双手并使用一次性手套、口罩。</p>
                    <p>6、洗漱前协助用户调节水温，征得同意后在一旁看护防摔倒。</p>
                    <p>7、对用户的病情和其他隐私严格保密。</p>
                    <p>8、发现用户异常立即与医护人员、家属联系。</p>
                    <p>9、如需短暂离开需征得用户、家属或医护人员同意。</p>
                    <p>10、对用户多次询问的问题必须耐心回答。</p>
                </div>
                <div class="price_title">
                    <h2 class="h2_two"><span>十诫</span></h2>
                </div>
                <div class="price_content_container">
                    <p>1、不可在护理期间留长指甲、佩戴首饰。</p>
                    <p>2、不可对用户及其他人讲粗话、使用质问式、命令式语言。</p>
                    <p>3、不可对用户的个人隐私刨根问底。</p>
                    <p>4、不可与用户交谈会令其消极的事情。</p>
                    <p>5、不可在护理期间吸烟、饮酒。</p>
                    <p>6、不可因个人原因影响陪护工作。</p>
                    <p>7、不可未经医护人员或家属允许，私自带用户外出。</p>
                    <p>8、不可将自己的物品与用户物品混用、放置。</p>
                    <p>9、不可在护理期间玩手机、打瞌睡。</p>
                    <p>10、不可用怜悯及冷漠的态度对待用户。</p>
                </div>
            </div>
        </div>
    </div>
</div>

<script src="http://api.chinaola.net/ola/Application/Test/Public/js/mui.min.js"></script>
<script src="http://api.chinaola.net/ola/Application/Test/Public/js/common.js" type="text/javascript" charset="utf-8"></script>
<script src="http://api.chinaola.net/ola/Application/Test/Public/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="http://api.chinaola.net/ola/Application/Test/Public/js/storage.js" type="text/javascript" charset="utf-8"></script>
<script src="http://api.chinaola.net/ola/Application/Test/Public/js/server.js" type="text/javascript" charset="utf-8"></script>
<script>
    mui.init();
    var token;
    mui.plusReady(function(){
        token= lget('token');
    });

    //点击toggle
    $(".price_nav").click(function(){

        $(".price_nav").removeClass('server_active');
        $(this).addClass('server_active');
        $(".price_container").removeClass("content_active");
        if($(this).index() == 0){
            $(".price_container:nth-child(2)").addClass("content_active");
        }else if($(this).index() == 2){
            $(".price_container:nth-child(3)").addClass("content_active");
        }

    });

    //拨打电话
    function phone(){
        var a = [{
            title: "咨询客服"
        }];
        plus.nativeUI.actionSheet({
            cancel: "取消",
            buttons: a
        }, function (b) { /*actionSheet 按钮点击事件*/
            switch (b.index) {
                case 0:
                    break;
                case 1:
                    plus.device.dial("400-175-1750", false);
                    break;
                default:
                    break;
            }
        });
    }

</script>
</body>

</html>